<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>碳排放计算器</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 碳排放计算表单 -->
    <h1>碳排放计算器</h1>
    <form id="carbonForm">
      <label for="distance">每日行驶距离（公里）:</label>
      <input type="number" id="distance" name="distance" required><br><br>
    
      <label for="publicTransport">每周使用公共交通次数:</label>
      <input type="number" id="publicTransport" name="publicTransport" required><br><br>
    
      <label for="meatConsumption">每周肉类消费量（公斤）:</label>
      <input type="number" id="meatConsumption" name="meatConsumption" required><br><br>
    
      <!-- <button type="button" onclick="calculateCarbon()">计算碳排放</button> -->
      <button type="button" id="submit" onclick="">计算碳排放</button>
    </form>
    
    <div id="result"></div>


    <!-- 历史记录显示区域 -->
    <div id="history">
        <h2>历史记录</h2>
        
    <!-- 按钮区域 -->
    <button id="clear-btn">清除历史记录</button>
    <button id="export-btn">保存历史记录</button>

        <ul id="historyList"></ul>
    </div>


    <script src="script.js"></script>
</body>
</html>
